﻿<!DOCTYPE html>
<html lang="en">
<head>
    <title>表单总览</title>
    <meta charset="UTF-8">
    <script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
    <!--bootStrap css 单选框样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/icheck-bootstrap.css">
    <!--bootStrap css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <!--bootStrap js-->
    <script src="resources/scripts/assets/bootstrap/js/bootstrap.min.js"></script>
    <style>
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }

        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }

        .dropdown-submenu.pull-left {
            float: none;
        }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
    </style>
</head>
<body>
<div id="title"></div>
<div>
    <div class="pull-left col-md-offset-1 col-lg-offset-1 col-xs-offset-1 col-sm-offset-1">
        <span class="h4" style="color: #0a6cd6"><strong>模板总览</strong></span>
    </div>
</div>
<h6 class="page-header"></h6>
<div class="col-lg-2">
    <div class="col-lg-offset-1">
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                通用模板&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li><a tabindex="0">基本信息</a></li>
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">检验套餐</a>
                    <ul class="dropdown-menu pull-right">
                        <li><a tabindex="0">血常规</a></li>
                        <li><a tabindex="0">血生化</a></li>
                        <li><a tabindex="0">尿常规</a></li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a tabindex="0" data-toggle="dropdown">检查套餐</a>
                    <ul class="dropdown-menu pull-right">
                        <!--<li class="disabled"><a tabindex="0">被禁用的子菜单项</a></li>-->
                        <li><a tabindex="0">超声</a></li>
                        <li><a tabindex="0">核磁</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                内分泌科&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li><a tabindex="0">糖尿病首诊</a></li>
                <li><a tabindex="0">甲状腺状况评分</a></li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                肾内科&nbsp;&nbsp;&nbsp; <span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li><a tabindex="0">健康评分</a></li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                神经内科&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li><a tabindex="0">评估表</a></li>
            </ul>
        </div>
        <br/>
        <div class="dropdown m-b">
            <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
                心研所&nbsp;&nbsp;&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li><a tabindex="0">高血压评估表</a></li>
                <li><a tabindex="0">冠心病评估表</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="col-lg-10">
    <div style="width: 95%;background:rgba(149,151,157,0.14);text-align: center;margin:auto;height: 135px">
        <br/>
        <form class="form-inline">
            <div class="form-group  col-lg-4">
                <label for="exampleInputName2">随访组名称:</label>
                <input type="text" class="form-control" id="exampleInputName1" placeholder="随访组名称">
            </div>
            <div class="form-group  col-lg-4">
                <label for="exampleInputName2">模板名称:</label>
                <input type="text" class="form-control" id="exampleInputName2" placeholder="模板名称">
            </div>
            <div class="form-group col-lg-4">
                <label for="exampleInputName2">创建者:</label>
                <input type="text" class="form-control" id="exampleInputName3" placeholder="创建者">
            </div>
            <br/>
            <br/>
            <br/>
            <div class="form-group col-lg-6">
                <label for="exampleInputEmail2">创建日期:</label>
                <input type="date" class="form-control" id="exampleInputEmail2">
                ~
                <input type="date" class="form-control" id="exampleInputEmail">
            </div>

            <div class="form-group col-lg-6">
                &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                <input type="button" class="btn btn-info" value="检索">
                <input type="reset" class="btn btn-info" value="清空">
            </div>
        </form>
        <br/>
    </div>
    <br/>
    <table class="table table-hover table-bordered" style="width: 95%;text-align: center;margin:auto">
        <tr style="background-color: #57bfda;color: #ecf0f1">
            <td><input type="checkbox"></td>
            <td>模板名称</td>
            <td>随访组名称</td>
            <td>更新日期</td>
            <td>更新者</td>
            <td>版本号</td>
            <td>创建者</td>
            <td>创建日期</td>
            <td>状态</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>不知道1</td>
            <td>1</td>
            <td>2020-1-23</td>
            <td>一</td>
            <td>1</td>
            <td>张三</td>
            <td>2020-1-23</td>
            <td><a href="模板编辑.html" style="text-decoration: none">当前版本</a></td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>知道2</td>
            <td>2</td>
            <td>2019-2-11</td>
            <td>二</td>
            <td>2</td>
            <td>李四</td>
            <td>2020-11-23</td>
            <td><a href="模板编辑.html" style="text-decoration: none">历史版本</a></td>
        </tr>
    </table>
    <br/>
    <div class="">
        <div class="pull-left">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第1页/共3页&nbsp;&nbsp;&nbsp;&nbsp;总共28条数据
        </div>
        <div class="col-md-offset-7 col-lg-offset-7 col-xs-offset-7 col-sm-offset-7">
            <a href="" style="text-decoration: none">
                <div class="glyphicon glyphicon-step-backward"></div>
                上一页
            </a>
            &nbsp;
            <a href="" style="text-decoration: none">
                下一页
                <div class="glyphicon glyphicon-step-forward"></div>
            </a>
            &nbsp;
            <a href="" style="text-decoration: none">
                尾页
                <div class="glyphicon glyphicon-forward"></div>
            </a>
            &nbsp;
            跳转到&nbsp;<input type="number" minlength="1" style="width: 10%"/>
            &nbsp;
            <input class="btn btn-info" style="width:12%;height:3%" value="跳转">
        </div>
    </div>
</div>
</body>
<script>
    $("#title").load("导航条.html");
</script>
</html>